<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="commons/template_head::head('xiangYuBao')">

</head>
<body>

<!-- begin::preloader-->
<div th:replace="commons/layout::preloader">

</div>
<!-- end::preloader -->

<!-- begin::navigation -->
<div th:replace="commons/layout::navigation">

</div>
<!-- end::navigation -->

<!-- begin::main -->
<div id="main">

  <!-- begin::header -->
  <div th:replace="commons/layout::main_header">

  </div>
  <!-- end::header -->

  <!-- begin::main-content -->
  <div class="main-content bg-info-bright" style="background-color: #e0ffff!important;">

    <div class="container">

      <div class="container px-3 py-5 bg-white text-dark rounded">
        <h2 class="pb-2 border-bottom">湘余宝</h2>
        <div class="row py-5">
          <div class="col">
            <div class="card  ml-5">
              <div class="card-header py-3">
                <h4 class="my-0 fw-normal">总金额（元）</h4>
              </div>
              <div class="card-body">
                <h1 class="my-0 fw-normal">51129</h1>

                <div class="my-3 p-3 bg-white rounded shadow-sm">
                  <div class="d-flex text-dark pt-3">
                    <div class="pb-3 mb-0 small lh-sm border-bottom w-100">
                      <div class="d-flex justify-content-between">
                        <h5 class="text-danger">昨日收益（元）</h5>
                        <h6><a href="#">收益在路上</a></h6>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="my-3 p-3 bg-white rounded shadow-sm">
                  <div class="d-flex text-dark pt-3">
                    <div class="pb-3 mb-0 small lh-sm border-bottom w-100">
                      <div class="d-flex justify-content-between">
                        <h5 class="text-danger">累计收益（元）</h5>
                        <h6><a href="#">1640</a></h6>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="my-3 p-3 bg-white rounded shadow-sm">
                  <div class="d-flex text-dark pt-3">
                    <div class="pb-3 mb-0 small lh-sm border-bottom w-100">
                      <div class="d-flex justify-content-between">
                        <h5 class="text-danger">七日年化（%）</h5>
                        <h6><a href="#">1.8320%</a></h6>
                      </div>
                    </div>
                  </div>
                </div>

<!--                <ul class="list-unstyled mt-3 mb-4">-->
<!--                  <li><h5 class="text-danger">昨日收益（元） </h5></li>-->
<!--                  <li>收益在路上</li>-->
<!--                  <li><h5 class="text-danger">累计收益（元） </h5></li>-->
<!--                  <li>1640</li>-->
<!--                  <li><h5 class="text-danger">七日年化（%）</h5></li>-->
<!--                  <li>1.8320%</li>-->
<!--                </ul>-->
                <a href="#" class="btn btn-primary">
                  转出
                </a>
                <a href="#" class="btn btn-primary">
                  转入
                </a>
              </div>
              </div>
            </div>

          <div class="col">
            <div class="card">
              <div class="card-header py-3">
                <h4 class="my-0 fw-normal">资金明细</h4>
              </div>
              <div class="card-body">
                <div class="my-3 p-3 bg-white rounded shadow-sm">
                  <div class="d-flex text-dark pt-3">
                    <div class="pb-3 mb-0 small lh-sm border-bottom w-100">
                      <div class="d-flex justify-content-between">
                        <h5 class="text-danger">收益</h5>
                        <h6><a href="#">+5.11</a></h6>
                      </div>
                      <span class="d-block">2022-03-26</span>
                    </div>
                  </div>
                </div>
                <div class="my-3 p-3 bg-white rounded shadow-sm">
                  <div class="d-flex text-dark pt-3">
                    <div class="pb-3 mb-0 small lh-sm border-bottom w-100">
                      <div class="d-flex justify-content-between">
                        <h5 class="text-danger">收益</h5>
                        <h6><a href="#">+5.11</a></h6>
                      </div>
                      <span class="d-block">2022-03-25</span>
                    </div>
                  </div>
                </div>
                <div class="my-3 p-3 bg-white rounded shadow-sm">
                  <div class="d-flex text-dark pt-3">
                    <div class="pb-3 mb-0 small lh-sm border-bottom w-100">
                      <div class="d-flex justify-content-between">
                        <h5 class="text-danger">收益</h5>
                        <h6><a href="#">+5.11</a></h6>
                      </div>
                      <span class="d-block">2022-03-24</span>
                    </div>
                  </div>
                </div>
                <small class="d-block text-end mt-3">
                  <h6><a href="#">查看更多</a></h6>
                </small>

<!--                <ul class="list-unstyled mt-3 mb-4">-->
<!--                  <li>收益 2022-03-26            +5.11</li>-->
<!--                  <li>收益 2022-03-25            +5.11</li>-->
<!--                  <li>收益 2022-03-24            +5.11</li>-->
<!--                  <li>收益 2022-03-23            +5.11</li>-->
<!--                </ul>-->
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>

  </div>
  <!-- end::main-content -->

  <!-- begin::footer -->
  <footer th:replace="commons/layout::main_footer">

  </footer>
  <!-- end::footer -->

</div>
<!-- end::main -->

<!-- Plugin scripts -->
<script src="vendors/bundle.js"></script>

<!-- App scripts -->
<script src="assets/js/app.min.js"></script>
</body>
</html>